<div class="main-section">
  <div data-dojo-attach-point="tabContainer">
    <!--Analysis Options Tab-->
    <div data-dojo-attach-point="tabOptionsTab" class="jimu-r-row">
      <!-- Tabs -->
      <div class="jimu-r-row" style="margin-bottom: 10px;">
        <div data-dojo-attach-point="btnAddTab" class="btn-add-section enable">
          <span class="btn-add-icon"></span>
          <span class="btn-add-label">${nls.addTab}</span>
        </div>
        <div data-dojo-attach-point="tabTable" data-dojo-type="jimu/dijit/SimpleTable" data-dojo-props='fields:[{name:"layer",title:"${nls.layerName}","class":"label",type:"empty",width:"400px"},{name:"type",title:"${nls.layerType}","class":"label",type:"empty"},{name:"label",title:"${nls.layerLabel}","class":"label",type:"empty"},{name:"actions",title:"${nls.actions}","class":"actions",type:"actions",actions:["up","down","edit","delete"],width:"80px"}]'></div>
      </div>
      <!-- General Settings: Distances -->
      <fieldset class="fieldSet downloadTabFieldSet">
        <legend class="fieldSetLegend">${nls.general_setting_Label}</legend>
        <div class="settingsContainer">
          <div class="jimu-r-row">
            <!-- Label Settings -->
            <div class="jimu-r-row">
              <div class="col-1-3">
                <span class="label">${nls.incident_label}: </span>
              </div>
              <div class="col-1-3">
                <span class="label">${nls.locate_incident_label}: </span>
              </div>
              <div class="col-1-3">
                <span class="label">${nls.buffer_text_lbl}: </span>
              </div>
            </div>
            <div class="jimu-r-row pad-row0">
              <div class="col-1-3">
                <input data-dojo-attach-point="incident_label" title="${nls.incident_label}"
                       class="validationBox2" data-dojo-type="dijit/form/ValidationTextBox" />
              </div>
              <div class="col-1-3">
                <input data-dojo-attach-point="locate_incident_label" title="${nls.locate_incident_label}"
                       class="validationBox2" data-dojo-type="dijit/form/ValidationTextBox" />
              </div>
              <div class="col-1-3">
                <input data-dojo-attach-point="buffer_lbl" title="${nls.buffer_text_lbl}" class="validationBox2" data-dojo-type="dijit/form/ValidationTextBox" />
              </div>
            </div>

            <!-- Distance Settings -->
            <div class="jimu-r-row pad-row15">
              <div class="col-1-3">
                <span class="label">${nls.buffer_min_lbl}: </span>
              </div>
              <div class="col-1-3">
                <span class="label">${nls.buffer_default_lbl}: </span>
              </div>
              <div class="col-1-3">
                <span class="label">${nls.buffer_max_lbl}: </span>
              </div>
            </div>
            <div class="jimu-r-row pad-row0">
              <div class="col-1-3">
                <input data-dojo-attach-point="buffer_min" title="${nls.buffer_min_lbl}" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='intermediateChanges:true,constraints: {pattern: "#####0.##########", min:0}'/>
              </div>
              <div class="col-1-3">
                <input data-dojo-attach-point="buffer_default" title="${nls.buffer_default_lbl}" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='intermediateChanges:true,constraints: {pattern: "#####0.##########", min:0}'/>
              </div>
              <div class="col-1-3">
                <input data-dojo-attach-point="buffer_max" title="${nls.buffer_max_lbl}" data-dojo-type="dijit/form/NumberTextBox" data-dojo-props='intermediateChanges:true,constraints: {pattern: "#####0.##########", min:0}'/>
              </div>
            </div>

            <!-- Units Settings -->
            <div class="jimu-r-row pad-row15">
              <div class="col-1-3">
                <span class="label">${nls.units_text_lbl}: </span>
              </div>
              <div class="col-1-3">
                <span class="label">${nls.maximum_distance_lbl}: </span>
              </div>
            </div>
            <div class="jimu-r-row pad-row0">
              <div class="col-1-3">
                <select class="select-units" data-dojo-attach-point="selectUnits" data-dojo-type="dijit/form/Select"></select>
              </div>
              <div class="col-1-3">
                <input data-dojo-attach-point="txt_maximumDistance" title="${nls.maximum_distance_lbl}" data-dojo-type="dijit/form/NumberTextBox" />
              </div>
            </div>

            <!-- Checkbox Settings -->
            <div class="jimu-r-row pad-row15">
              <div class="col-1-3">
                <input data-dojo-attach-point="chk_routing" title="${nls.routing_checkBox}" data-dojo-type="dijit/form/CheckBox" />
                <span class="label">${nls.routing_checkBox}</span>
              </div>
              <div class="col-1-3">
                <input data-dojo-type="dijit/form/CheckBox" data-dojo-attach-point="chk_visibility" title="${nls.visibility_checkBox}" />
                <span class="label">${nls.visibility_checkBox}</span>
              </div>
              <div class="col-1-3">
                <input data-dojo-attach-point="chk_display" title="${nls.display_checkbox}" data-dojo-type="dijit/form/CheckBox" />
                <span class="label display-checkbox">${nls.display_checkbox}</span>
              </div>
            </div>
          </div>
        </div>
      </fieldset>

      <!-- Weather Settings -->
      <div class="jimu-r-row hintText">
        <p>${nls.weather_removed_message}</p>
      </div>
      <!--<fieldset class="fieldSet downloadTabFieldSet">
        <legend class="fieldSetLegend">${nls.weather_Label}</legend>
        <div class="jimu-r-row">
          <div class="settingsContainer">
            <div class="jimu-r-row">
              <div class="col-1-3 hintText">
                <p>${nls.instruction_weather}</p>
              </div>
              <div class="col-1-3 hintText">
                <p>${nls.instruction_weather_metric}</p>
              </div>
              <div class="col-1-3 hintText">
                <p>${nls.instruction_weather_layers}</p>
              </div>
            </div>
            <div class="jimu-r-row pad-row0" data-dojo-attach-point="div_special_tab">
              <div class="col-1-3">
                <input data-dojo-type="dijit/form/CheckBox" data-dojo-attach-point="chk_weather" title="${nls.weather_checkBox}" />
                <span class="label">${nls.weather_checkBox}</span>
              </div>
              <div class="col-1-3" data-dojo-attach-point="chkCelsius">
                <input data-dojo-type="dijit/form/CheckBox" data-dojo-attach-point="chk_celsius" />
                <span class="label" data-dojo-attach-point="chk_celsius_label"></span>
              </div>
              <div class="col-1-3">
                <div class="layerSelect" data-dojo-attach-point="selectMapWeatherLayers"></div>
              </div>
            </div>
          </div>
        </div>
      </fieldset>-->
    </div>

    <!--Output Options Tab-->
    <div data-dojo-attach-point="exportOptionsTab" class="jimu-r-row">
      <div class="jimu-r-row" style="margin-top: 10px;">
        <fieldset class="fieldSet downloadTabFieldSet">
          <legend class="fieldSetLegend">${nls.data_label}</legend>
          <div class="settingsContainer">
            <div class="jimu-r-row">
              <div class="col-1-3 pad-right-10">
                <div class="jimu-r-row hintText">
                  <p>${nls.instruction_save}</p>
                </div>
                <input data-dojo-attach-point="chk_save" title="${nls.save_checkbox}" data-dojo-type="dijit/form/CheckBox" />
                <span class="label">${nls.save_checkbox}</span>
              </div>

              <div class="chk_snapshot col-1-3">
                <div class="jimu-r-row hintText">
                  <p>${nls.instruction_snapshot}</p>
                </div>
                <input data-dojo-attach-point="chk_snapshot" title="${nls.snapshot_checkbox}" data-dojo-type="dijit/form/CheckBox" />
                <span class="label snapshot-checkbox">${nls.snapshot_checkbox}</span>
              </div>
              <div class="col-1-3 col-pad-12">
                <div class="jimu-r-row hintText">
                  <p>${nls.instruction_all_fields}</p>
                </div>
                <input data-dojo-attach-point="chk_csv" title="${nls.csv_checkbox}" data-dojo-type="dijit/form/CheckBox" />
                <span class="label">${nls.csv_checkbox}</span>
              </div>
            </div>
            <!-- Save Options-->
            <div data-dojo-attach-point="div_special_tab" class="jimu-r-row col-1-3">      
                <div class="jimu-r-row div_edit_options" style="padding-top: 10px;" data-dojo-attach-point="editOptions">
                  <table>
                    <tr>
                      <td class="td-padding">
                        <input data-dojo-attach-point="chk_point_save" title="${nls.save_point_checkbox}" data-dojo-type="dijit/form/CheckBox" />
                        <span class="label">${nls.save_point_checkbox}</span>
                      </td>
                    </tr>
                    <tr>
                      <td class="td-padding">
                        <div data-dojo-attach-point="div_selectPointSaveLayer">
                          <select class="select-width" data-dojo-attach-point="selectPointSaveLayer" data-dojo-type="dijit/form/Select"></select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td class="td-padding">
                        <input data-dojo-attach-point="chk_line_save" title="${nls.save_line_checkbox}" data-dojo-type="dijit/form/CheckBox" />
                        <span class="label">${nls.save_line_checkbox}</span>
                      </td>
                    </tr>
                    <tr>
                      <td class="td-padding">
                        <div data-dojo-attach-point="div_selectLineSaveLayer">
                          <select class="select-width" data-dojo-attach-point="selectLineSaveLayer" data-dojo-type="dijit/form/Select"></select>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td class="td-padding">
                        <input data-dojo-attach-point="chk_poly_save" title="${nls.save_poly_checkbox}" data-dojo-type="dijit/form/CheckBox" />
                        <span class="label">${nls.save_poly_checkbox}</span>
                      </td>
                    </tr>
                    <tr>
                      <td class="td-padding">
                        <div data-dojo-attach-point="div_selectPolySaveLayer">
                          <select class="select-width" data-dojo-attach-point="selectPolySaveLayer" data-dojo-type="dijit/form/Select"></select>
                        </div>
                      </td>
                    </tr>
                  </table>
                </div>  
            </div>
          </div>
        </fieldset>
      </div>
      <div class="jimu-r-row">
        <!--Report Settings-->
        <fieldset class="fieldSet downloadTabFieldSet">
          <legend class="fieldSetLegend">${nls.downloadTab.reportLegend}</legend>
          <div class="settingsContainer">
            <div class="jimu-r-row hintText">
              <p>${nls.instruction_report}</p>
            </div>
            <div class="chk_report">
              <input data-dojo-attach-point="chk_report" title="${nls.report_checkbox}" data-dojo-type="dijit/form/CheckBox" />
              <span class="label report-checkbox">${nls.report_checkbox}</span>
            </div>
            <div data-dojo-attach-point="reportSettingsDiv">
              <div class="downloadTabInputContainer" style="padding-top: 10px;" data-dojo-attach-point="printGPServiceInputContainer">
                <!--Print Service url LABEL-->
                <div class="downloadTabLabel">
                  ${nls.downloadTab.printGPServiceLabel}
                </div>
                <!--Print Service url TEXTBOX-->
                <div data-dojo-attach-point="printGPServiceTextBox" class="downloadTabTextbox" data-dojo-type="dijit/form/ValidationTextBox"
                     data-dojo-props='required:true,trim:true,disabled:true'>
                </div>
                <!--Set BUTTON-->
                <div class="jimu-btn jimu-float-trailing downloadTabSetButton" data-dojo-attach-point="printGPServiceSetButton">
                  ${nls.downloadTab.setButtonLabel}
                </div>
              </div>
              <!--Logo chooser-->
              <div class="logoChooserMainContainer">
                <div class="downloadTabLabel">
                  ${nls.downloadTab.logoLabel}
                </div>
                <div class="logoChooserDiv">
                  <div class="imageChooserPreviewContainer">
                    <img class="imageChooserPreview" data-dojo-attach-point="imageChooserPreview">
                    <div class="logoChooser" data-dojo-attach-point="logoChooserNode"></div>
                  </div>
                  <div class="hint">
                    ${nls.downloadTab.logoChooserHint}
                  </div>
                </div>
              </div>
              <!--Footnote container-->
              <div class="jimu-r-row footnoteContainer">
                <!--Footnote LABEL-->
                <div class="downloadTabLabel">
                  ${nls.downloadTab.footnoteLabel}
                </div>
                <!--Footnote TEXTAREA-->
                <textarea class="footnoteTextArea" data-dojo-attach-point="footnoteTextArea" rows="4"></textarea>
              </div>

              <!--Text Color container-->
              <div class="jimu-r-row textColorContainer">
                <!--Footnote LABEL-->
                <div class="downloadTabLabel">
                  ${nls.downloadTab.textColorLabel}
                </div>
                <!--TextColor COLORPICKER-->
                <div data-dojo-attach-point="colorPicker" data-dojo-type="jimu/dijit/ColorPicker" data-dojo-props='color:"${_highLightColor}"' style="display:inline-block;"></div>
              </div>
            </div>
          </div>
        </fieldset>
      </div>
    </div>
  </div>
</div>